<template>
    <view>
        <view class="topbox">
            <text class="toptitle">请选择举报原因</text>
        </view>
        <view class="optionbox" v-for="(item,index) in list" :key="index" @click="nav_to(`/pages/chat/report_detail?type=${item}&id=${ID}&name=${Name}`)">
            <text class="title">{{item}}</text>
            <view class="rightbox">
                <image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1710566335408813.png"></image>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    data(){
        return{
            list:['政治反动','色情骚扰','垃圾广告','诽谤侮辱','血腥暴力','涉毒涉恐','假冒明星','其他原因'],
            ID:null,
            Name:null
        }
    },
    methods:{

    },
    onLoad(e){
        console.log(e);
        this.ID = e.id
        this.Name = e.name
    }
}
</script>

<style lang="less">
page{
    background-color: #F6F6F6;
}
.topbox{
    margin: 20rpx 0 20rpx 38rpx;
    .toptitle{
        color: #333333;
        font-size: 28rpx;
    }
}
.optionbox{
    // width: 100%;
    // height: 100rpx;
    
    color: #d2d2d2;
    margin-top: 30rpx;
    // margin-bottom: 30rpx;
    padding-top: 16rpx;
    padding-bottom: 22rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    // position: relative;
    background: #fff;
    // box-shadow: 0px 6rpx 16rpx 0px rgba(0, 0, 0, 0.5);
    border-radius: 8rpx;
    // border: 2rpx solid #4A4A4A;
    margin-left: 32rpx;
    margin-right: 32rpx;
    padding-left: 24rpx;
    padding-right: 24rpx;
    // box-sizing: border-box;
    .title{
        font-size: 32rpx;
        // font-weight: 600;
        color: #333333;
    }
    .rightbox{
        image{
            width: 20rpx;
            height: 20rpx;
        }
    }
}
</style>